<template>
  <div class="app-container">
    <HeaderCom/>
    <div class="app-content">
      <div class="app-sidebar">
        <a href="" class="app-sidebar-link active">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home">
            <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" />
            <polyline points="9 22 9 12 15 12 15 22" /></svg>
        </a>
        <a href="" class="app-sidebar-link">
          <svg class="link-icon feather feather-pie-chart" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24">
            <defs />
            <path d="M21.21 15.89A10 10 0 118 2.83M22 12A10 10 0 0012 2v10z" />
          </svg>
        </a>
        <a href="" class="app-sidebar-link">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-calendar">
            <rect x="3" y="4" width="18" height="18" rx="2" ry="2" />
            <line x1="16" y1="2" x2="16" y2="6" />
            <line x1="8" y1="2" x2="8" y2="6" />
            <line x1="3" y1="10" x2="21" y2="10" /></svg>
        </a>
        <a href="" class="app-sidebar-link">
          <svg class="link-icon feather feather-settings" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24">
            <defs />
            <circle cx="12" cy="12" r="3" />
            <path d="M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-2 2 2 2 0 01-2-2v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83 0 2 2 0 010-2.83l.06-.06a1.65 1.65 0 00.33-1.82 1.65 1.65 0 00-1.51-1H3a2 2 0 01-2-2 2 2 0 012-2h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 010-2.83 2 2 0 012.83 0l.06.06a1.65 1.65 0 001.82.33H9a1.65 1.65 0 001-1.51V3a2 2 0 012-2 2 2 0 012 2v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 0 2 2 0 010 2.83l-.06.06a1.65 1.65 0 00-.33 1.82V9a1.65 1.65 0 001.51 1H21a2 2 0 012 2 2 2 0 01-2 2h-.09a1.65 1.65 0 00-1.51 1z" />
          </svg>
        </a>
      </div>
      <ProjectCom/>
      <message-com/>

    </div>
  </div>
</template>

<script>
import HeaderCom from "./components/HeaderCom/HeaderCom";
import MessageCom from "./components/MessageCom/MessageCom";
import ProjectCom from "./components/ProjectCom/ProjectCom";
export default {
  name: 'App',
  components:{
    HeaderCom,
    MessageCom,
    ProjectCom
  },data(){
    return{
      // projs:[
      //   {
      //     createTime:'2021年7月1日',
      //     projName:'测试项目',
      //     desc:'测试内容测试内容测试内容测试内容测试内容测试内容测试内容',
      //     progess:90,
      //     developers:[
      //       {imageIcon:'https://iconfont.alicdn.com/t/4aa049ad-74b3-434c-85dd-38219b7d653f.png', nickName:'小鳄鱼在洗澡',realName:'小张',wechat:'',email:''},
      //       {imageIcon:'https://iconfont.alicdn.com/t/08efc58c-2e27-47e5-97a1-769c4c70c1cd.png', nickName:'小狗再不了',realName:'小王',wechat:'',email:''},
      //     ]
      //   },
      // ],
      // messages:[
      //   {
      //     user:{imageIcon:'https://iconfont.alicdn.com/t/4aa049ad-74b3-434c-85dd-38219b7d653f.png', nickName:'小鳄鱼在洗澡',realName:'小张',wechat:'',email:''},
      //     time:'2021年8月9日',
      //     content:'但就像上面对话一样，99%的营销人对它的理解都还有些以偏概全，甚至完全错误。所以怡叔打算用这篇文章带你了解：什么是真正的内容营销，以及，应该从哪些方面下手做好内容营销。\n'
      //   }
      // ]
    }
  },
  mounted() {
    //最先执行的代码块

  },
  methods:{
    //放置函数
    test(){

    },
  }
}
</script>
<style>
</style>
